body,html,#root{
  width: 100%;
  height: 100%;
}

.login{
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  background: url('../images/bg.jpg');
  header{
    display: flex;
    align-items: center;
    background-color: rgba(21, 20, 13, 0.5);
    height: 80px;
    img{
      height: 40px;
      width: 40px;
      margin: 10px;
    }
    h1{
      font-size: 30px;
      margin: 0;
      color: white;
    }
  }

  section{
    flex: 1;
    .userLogin{
      width: 400px;
      height: 300px;
      background-color: white;
      margin: 50px auto;
      h1{
        font-size: 25px;
        text-align: center;
        padding-top: 20px;
        margin: 0;
      }
    }
  }
}

